@charset "UTF-8";
@import "common/_common";

.web {
  main {
    .index_activity {
      width: 100%;
      .activity_div_all {
        width: 85%;
        margin: 0 auto;
        .activity_div_top, .activity_div_bottom {
          width: 100%;
          .activity_div {
            width: r(241px);
            height: r(97px);
            overflow: hidden;
            img {
              width: 100%;
            }
          }
        }
        .activity_div_bottom {
          margin-top: r(30px);
        }
      }
    }
    .guess_div_all {
      width: 100%;
      a {
        display: block;
        .guess_div {
          width: 95%;
          margin: 0 auto;
          padding:r(15px) 0;
          .guess_img {
            display: inline-block;
            width: r(210px);
            height: r(165px);
            overflow: hidden;
            vertical-align: middle;
            img {
              width: 100%;
            }
          }
          .guess_info {
            width: 60%;
            display: inline-block;
            vertical-align: middle;
            h2 {
              color: #000;
              display: inline-block;
              font-size: r(30px);
              font-weight: 500;
            }
            p {
              font-size: r(22px);
              color: #494949;
            }
            .guess_info_introduce {
              p{
                width:100%;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
              }
            }
            b {
              width: 50%;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
              font-weight: 500;
              color: $color;
              font-size: r(32px);
            }
            div {
              padding: r(10px) 0;
            }
          }
        }
      }
    }
  }
}